<template>
  <div class="demo-conter">
    <sl-row type="flex" justify="space-between">
      <sl-button>默认标签</sl-button>
      <sl-button type="primary">主要按钮</sl-button>
      <sl-button type="dashed">虚线按钮</sl-button>
      <sl-button type="text">文本按钮</sl-button>
      <sl-button type="info">信息按钮</sl-button>
      <sl-button type="success">成功按钮</sl-button>
      <sl-button type="warning">警告按钮</sl-button>
      <sl-button type="error">失败按钮</sl-button>
    </sl-row>
    <br>
    <sl-row type="flex" justify="space-between">
      <sl-button type="primary" ghost>主要反选按钮</sl-button>
    </sl-row>
  </div>
</template>

<script>
export default {
  name: "button",
}
</script>

<style scoped>

</style>
